<div class="jumbotron">
    <div ng-if="!errorOccurred">

        <div ng-hide="isTokenFromUrl">
            <h3>Watch event</h3>

            <div>
                <strong>Token</strong> <input ng-model="event.token" style="width:400px;">
            </div>

            <button class="btn btn-primary" ui-sref="watch_event({ token: event.token })">Watch</button>
        </div>
        <div ng-show="isTokenFromUrl">
            <h3><strong>{{event.name}}</strong></h3>

            <h3><strong>{{event.name}}</strong></h3>
            <h4><strong>Event <span class="text-info">{{event.eventName}}</span> created on {{event.dateCreated |
                date:"dd/MM/yyyy 'at' H:mma" }} by {{event.creator}}
                to be fired on {{event.dateToBeFired | date:"dd/MM/yyyy 'at' H:mma" }}
            </strong></h4>

            <strong ng-if="event.running">Total likes:{{event.people.length}}</strong>

            <tsz-event-presentations event="event"></tsz-event-presentations>

        </div>

        <button class="btn
            btn-warning" ng-click="stopGettingData()">[Debug]Stop getting data
        </button>

    </div>

    <div ng-if="errorOccurred" class="text-danger">
        Error has occurred.
    </div>
</div>

</div>
